<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<title>雨甜</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/mobile.css"/>
	</head>
	<body class="home">
		<!-- 通用头部 -->
		<div class="page_top">
			<!-- 浮动区域 -->
			<!-- opac:首页独有,其他页面不加 fiexd为悬浮 -->
			<div class="page_top_fix ">
				<div class="common_width clearfix">
					<!-- 导航列表 -->
					<div class="logo">
						<img class="img" src="img/logo-word.png" alt="logo" />
					</div>
					<div class="nav_btn">
						<a href="javascript:void(0);"></a>
					</div>
					<ul class="list_nav fr clearfix">
						<li class="active"><a href="javascript:void(0);">首页</a></li>
						<li><a href="javascript:void(0);">产品</a></li>
						<li class="more">
							<a href="javascript:void(0);">新闻</a>
							<ul class="items">
								<li><a href="javascript:void(0);">公司新闻</a></li>
								<li><a href="javascript:void(0);">行业新闻</a></li>
							</ul>
						</li>
						<li><a href="javascript:void(0);">关于</a></li>
						<li><a href="javascript:void(0);">创新+</a></li>
						<li><a href="javascript:void(0);">招贤纳士</a></li>
						<li><a href="javascript:void(0);">联系我们</a></li>
						<li class="serach"><a href="javascript:void(0);"></a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 搜索 -->
		<div class="wrap_serach">
			<div class="box common_width">
				<input type="text" name="" id="" value="" placeholder="请输入搜索关键词" />
				<span></span>
			</div>
		</div>
		<!-- 轮播图 -->
		<div class="module_banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a class="web" href="javascript:void(0);" style="background-image: url(img/banner_1.png);"></a>
					</div>
					<div class="swiper-slide"><a class="web" href="javascript:void(0);" style="background-image: url(img/banner_1.png);"></a></div>
					<div class="swiper-slide"><a class="web" href="javascript:void(0);" style="background-image: url(img/banner_1.png);"></a></div>
					<div class="swiper-slide"><a class="web" href="javascript:void(0);" style="background-image: url(img/banner_1.png);"></a></div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination swiper-pagination-white"></div>
				<!-- Add Arrows -->
				<div class="swiper-button-next swiper-button-white"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
			</div>
		</div>
		<!-- 新闻动态 -->
		<div class="module_news">
			<div class="common_width">
				<div class="module_title">
					<h4 class="h4">NEWS</h4>
					<p class="p">最新动态</p>
				</div>
				<ul class="list_news clearfix">
					<!-- a标签未设置 请自行更换 -->
					<li>
						<div class="item_box">
							<img class="img" src="img/banner-1.png" alt="新闻标题" />
							<div class="text">
								<p class="name">全球首部人体全身动态成像“电影”震撼发布</p>
								<p class="time">2020-07-02</p>
							</div>
						</div>
					</li>
					<li>
						<div class="item_box">
							<img class="img" src="img/banner-1.png" alt="新闻标题" />
							<div class="text">
								<p class="name">全球首部人体全身动态成像“电影”震撼发布</p>
								<p class="time">2020-07-02</p>
							</div>
						</div>
					</li>
					<li>
						<div class="item_box">
							<img class="img" src="img/banner-2.png" alt="新闻标题" />
							<div class="text">
								<p class="name">全球首部人体全身动态成像全球首部人体全身动态成像“电影”震撼发布</p>
								<p class="time">2020-07-02</p>
							</div>
						</div>
					</li>
				</ul>
				<div class="module_more">
					<a href="#">查看更多</a>
				</div>
			</div>
		</div>
		<!-- 产品展示 -->
		<div class="module_product">
			<div class="common_width">
				<!-- 顶部选项卡 -->
				<div class="product_top clearfix">
					<div class="module_title">
						<h4 class="h4">product</h4>
						<p class="p">产品展示</p>
					</div>
					<ul class="list_proname clearfix">
						<li class="active" data-pro="product_1"><a href="javascript:void(0);">智能化影像采集设备</a></li>
						<li data-pro="product_2"><a href="javascript:void(0);">桌面专家系统</a></li>
						<li data-pro="product_3"><a href="javascript:void(0);">智能化影像采集设备</a></li>
						<li data-pro="product_4"><a href="javascript:void(0);">桌面专家系统</a></li>
					</ul>
				</div>
				<!-- 产品内容 -->
				<div class="product_cont clearfix">
					<!-- 这里的 product_1 要和上面 data-pro 属性值一致 -->
					<div class="product_box clearfix product_1 opac">
						<div class="img"><img src="img/banner-1.png" alt="产品标题" /></div>
						<div class="text">
							<div class="name"><h6 class="h6">智能化影像采集设备</h6></div>
							<div class="info">开发出独立于检测中心，以及病房的远程影像分析终端设备“桌面专家系统”。该设备能够通过远程的方式，对于配置在医院检测中心的“智能化影像采集设备”采集的超声影像进行定量的分析，提高检测中心工作的效率，减轻超声医师的工作量和工作强度...</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
					<div class="product_box clearfix product_2">
						<div class="img"><img src="img/banner-2.png" alt="产品标题" /></div>
						<div class="text">
							<div class="name"><h6 class="h6">桌面专家系统</h6></div>
							<div class="info">病房远程影像分析终端设备“桌面专家系统”。该设备能够通过远程的方式，对于配置在医院检测中心的“智能化影像采集设备”采集的超声影像进行定量的分析，提高检测中心工作的效率，减轻超声医师的工作量和工作强度...</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
					<div class="product_box clearfix product_3">
						<div class="img"><img src="img/banner-1.png" alt="产品标题" /></div>
						<div class="text">
							<div class="name"><h6 class="h6">桌面监控系统</h6></div>
							<div class="info">开发出独立于检测中心，以及病房的远程影像分析终端设备。该设备能够通过远程的方式，对于配置在医院检测中心的“智能化影像采集设备”采集的超声影像进行定量的分析，提高检测中心工作的效率，减轻超声医师的工作量和工作强度...</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
					<div class="product_box clearfix product_4">
						<div class="img"><img src="img/banner-2.png" alt="产品标题" /></div>
						<div class="text">
							<div class="name"><h6 class="h6">桌面清理系统</h6></div>
							<div class="info">开发出独立于检测中心， “桌面专家系统”。该设备能够通过远程的方式，对于配置在医院检测中心的“智能化影像采集设备”采集的超声影像进行定量的分析，提高检测中心工作的效率，减轻超声医师的工作量和工作强度...</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 产品优势 -->
		<div class="module_advantage">
			<div class="module_title">
				<h4 class="h4">NEWS</h4>
				<p class="p">最新动态</p>
			</div>
			<ul class="list_adv clearfix">
				<li>
					<div class="item_box">
						<!-- 这里图片尺寸不能固定，所有四张图必须尺寸一致 -->
						<img class="img" src="img/eg-adv.png" alt="优势" />
						<div class="text">
							<div class="name">满足疫情防控对跨区域、跨医疗机构的远程支持的需求</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
				</li>
				<li>
					<div class="item_box">
						<img class="img" src="img/eg-adv.png" alt="优势" />
						<div class="text">
							<div class="name">满足疫情防控对跨区域、跨医疗机构的远程支持的需求</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
				</li>
				<li>
					<div class="item_box">
						<img class="img" src="img/eg-adv.png" alt="优势" />
						<div class="text">
							<div class="name">满足疫情防控对跨区域、跨医疗机构的远程支持的需求</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
				</li>
				<li>
					<div class="item_box">
						<img class="img" src="img/eg-adv.png" alt="优势" />
						<div class="text">
							<div class="name">满足疫情防控对跨区域、跨医疗机构的远程支持的需求</div>
							<div class="module_more_1"><a href="#">查看更多&nbsp;&nbsp;+</a></div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<!--  -->
		<div class="module_honor">
			<div class="module_title">
				<h4 class="h4">Qualification</h4>
				<p class="p">企业资质</p>
			</div>
			<div class="common_width">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="slide_box"><img src="img/img-honor.png" alt="资质证书" /></div>
						</div>
						<div class="swiper-slide">
							<div class="slide_box"><img src="img/img-honor.png" alt="资质证书" /></div>
						</div>
						<div class="swiper-slide">
							<div class="slide_box"><img src="img/img-honor.png" alt="资质证书" /></div>
						</div>
						<div class="swiper-slide">
							<div class="slide_box"><img src="img/img-honor.png" alt="资质证书" /></div>
						</div>
						<div class="swiper-slide">
							<div class="slide_box"><img src="img/img-honor.png" alt="资质证书" /></div>
						</div>
					</div>
				</div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
			</div>
		</div>
		<!-- 通用尾部 -->
		<div class="page_foot">
			<div class="common_width clearfix">
				<div class="foot_info clearfix">
					<div class="foot_box foot_1">
						<h6 class="h6">产品</h6>
						<ul class="list_foot">
							<li><a href="javascript:void(0);">智能化影像采集设备</a></li>
							<li><a href="javascript:void(0);">智能化影像采集设备</a></li>
							<li><a href="javascript:void(0);">智能化影像采集设备</a></li>
							<li><a href="javascript:void(0);">智能化影像采集设备</a></li>
						</ul>
					</div>
					<div class="foot_box foot_2">
						<h6 class="h6">关于雨甜</h6>
						<ul class="list_foot">
							<li><a href="javascript:void(0);">公司介绍</a></li>
							<li><a href="javascript:void(0);">招贤纳士</a></li>
							<li><a href="javascript:void(0);">服务和培训</a></li>
							<li><a href="javascript:void(0);">联系我们</a></li>
						</ul>
					</div>
					<div class="foot_box foot_2">
						<h6 class="h6">法律</h6>
						<ul class="list_foot">
							<li><a href="javascript:void(0);">隐私条款</a></li>
							<li><a href="javascript:void(0);">使用条款</a></li>
							<li><a href="javascript:void(0);">访问申明</a></li>
						</ul>
					</div>
					<div class="foot_box foot_1">
						<h6 class="h6">联系</h6>
						<ul class="list_foot">
							<li><p>地址：望江西路5089号中科大先进技术研究院未来中心B605-B612</p></li>
							<li><p>电话：13816802345</p></li>
							<li><p>邮件：cn@cnlishman.com</p></li>
						</ul>
					</div>
				</div>
				<div class="foot_box foot_3">
					<h6 class="h6">关注雨甜公众号</h6>
					<div class="qrcode">
						<img src="img/qrcode.png" align="公众号二维码" />
					</div>
				</div>
			</div>
		</div>
		<div class="page_foot copyright">
			<div class="common_width tac">
				<p class="p">Copyright © 2017上海联影医疗科技有限公司 版权 | 沪 ICP 备 12012077 号-2</p>
				<p class="p">
					<img class="icon" src="img/icon-beian.png" alt="备案图标" />
					沪公网安备 31011402003653 号
				</p>
			</div>
		</div>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				/* 首页顶部，其他页面不需要 */
				YuTian.headFixed();
				/* 轮播图  [Number] 自动播放时间, 0 以下的数则不自动播放；不填默认3000（三秒）  */
				YuTian.swiperIndex();
				/* 企业资质 同上 */ 
				if (common.is_mobile()) {
					var honorTime = 3000;
				} else{
					var honorTime = 0;
				}
				YuTian.swiperHonor(honorTime);
				// 搜索
				var serachSome = function(){
					console.log("开始搜索内容");
				}
				common.searchPress(serachSome);
				/* 产品展示切换 [string] hover:悬浮选择 click:点击选择 不填默认悬浮 */
				YuTian.changePro("hover");
			})
		</script>
	</body>
</html>
